---
title: Explore Examples
description: Explore examples of how to use Vercel AI SDK in different frameworks.
---

<div style={{ marginBottom: 120, transform: 'scale(1.2)' }}>
  <MarketingFrameworkCircles />
</div>

# Explore Examples of AI Applications Across Frameworks

The Vercel AI SDK is designed to work with different frameworks and environments that run using Typescript or Javascript.

Whether you're integrating AI capabilities in a new framework, or want to get started with your existing framework of choice, you can explore examples of how to use the Vercel AI SDK for different use cases based on the framework you choose from the sidebar.

<div className="grid gap-3 w-full grid-cols-1 lg:grid-cols-2">
  <FrameworkCard
    title="Next.js App Router"
    href="/examples/next-app"
    color="000000"
  >
    <img src="/icons/next.svg" width={92} />
  </FrameworkCard>
  <FrameworkCard
    title="Next.js Pages Router"
    href="/examples/next-pages"
    color="000000"
  >
    <img src="/icons/next.svg" width={92} />
  </FrameworkCard>
  <FrameworkCard title="Node.js" href="/examples/node" color="73B054">
    <img src="/icons/node.svg" width={104} />
  </FrameworkCard>
</div>
